<footer
	class="group-has-[.section-soft]/body:bg-surface/40 3xl:fixed:bg-transparent dark:bg-transparent"
>
	<div class="container-wrapper px-4 xl:px-6">
		<div class="h-(--footer-height) flex items-center justify-between">
			<div class="text-muted-foreground w-full text-center text-xs leading-loose sm:text-sm">
				Built by
				<a
					href="https://x.com/shadcn"
					target="_blank"
					rel="noreferrer"
					class="font-medium underline underline-offset-4"
				>
					shadcn
				</a>
				. Ported to Svelte by
				<a
					href="https://x.com/huntabyte"
					target="_blank"
					rel="noreferrer"
					class="font-medium underline underline-offset-4">Huntabyte</a
				>
				&
				<a
					href="https://github.com/adriangonz97"
					target="_blank"
					rel="noreferrer"
					class="font-medium underline underline-offset-4"
				>
					CokaKoala
				</a>.
			</div>
		</div>
	</div>
</footer>
